<template>
    <div class="sortcard">
        <SortCard v-for="item in sortList" :item="item"/>
    </div>
</template>

<script setup>
import { ref } from "vue";
import SortCard from "../../components/SortCard.vue";
const sortList = ([
    {
        img: "https://img0.baidu.com/it/u=2184160064,487011832&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=140267abe6fa5ca8668ce099ec931b83",
        text: "说法果然噶塔尔",
        id: 1,
    },
    {
        img: "https://img0.baidu.com/it/u=2931243091,718249849&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=27aab8a597bcdbc7ad41f0ec5cdfc06e",
        text: "啊是电饭锅",
        id: 2,
    },
    {
        img: "https://img2.baidu.com/it/u=4136404846,3323025248&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=4ac4eaa3a1a1980623992f1f28330cd4",
        text: "自选商场大东方个",
        id: 3,
    },
    {
        img: "https://img0.baidu.com/it/u=3383325011,2141463052&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734454800&t=6b2e05ae955dbc674a8ffab16a9bbcf3",
        text: "发骨头搞不好就突然",
        id: 4,
    },
])
</script>

<style lang="scss" scoped>
.sortcard {
    display: flex;
    flex-wrap: wrap;
}

.sortcard >div {
    width: 45%;
}
</style>